<template>
    <div class="carText">
        <div class="box_middle">
            <div class="box_text">
                <van-checkbox v-model="checked" checked-color="#ee0a24" class="t1">99元包邮</van-checkbox>
                <span class="t2">已满99元包邮</span>
                <span class="t3">去逛逛></span>
            </div>
            <div class="box_img">
                <CartNum></CartNum>  
            </div>
        </div>
    </div>
    <div class="carText">
        <div class="box_middle">
            <div class="box_text">
                <van-checkbox v-model="checked" checked-color="#ee0a24" class="t1">全场包邮</van-checkbox>
                <span class="t3">去逛逛></span>
            </div>
            <div class="box_img">
                <CartNum2></CartNum2>  
            </div>
        </div>
    </div>

</template>

<script setup lang="ts">
import CartNum from './CartNum/index.vue'
import CartNum2 from './CartNum2/index.vue'
import { ref } from 'vue';
const checked = ref(true);




</script>

<style scoped lang="scss">

.carText{
    background:rgb(255, 255, 255);
    border-radius:10px ;
    margin:0 12px 12px
}
.box_text{
    display: flex;
    height: 44px;
    margin: 0 12px;
    align-items: center;
    justify-content: center;
    .t1{
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        flex: 1
      }
      .t2{
          font-size: 12px;
          line-height: 18px;
          margin: 0 8px;
          text-align: right;
      }
      .t3{
          font-size: 12px;
          line-height: 18px;
          align-items: flex-end;
          color: rgb(250, 87, 109);
      }
}
</style>